<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>博客</title>
	<link rel="icon" type="image/x-icon" href="../image/2.jpg">
	<link rel="stylesheet" type="text/css" href="兔小白.css">
</head>
<body>
	<div class="header clearFix">
		<img src="../image/兔小白图片/logo.png">
		<div class="nav">
			<div class="nav-a1">首页</div>
			<div class="nav-a">关于我</div>
			<div class="nav-a">文章</div>
			<div class="nav-a">心情</div>
			<div class="nav-a">相册</div>
			<div class="nav-a">留言</div>
		</div>
	</div>
	<div class="content clearFix">
		<div class="clearFix">
			<div class="banner">标题1：这里修改描述 这里修改描述 这里修改描述</div>
		</div>
		<div class="clearFix">
			<h3>关注我</h3>
			<div class="content-beijing"></div>
			<div class="content-beijing2"></div>
			<div class="content-beijing3"></div>
			<div class="content-beijing4"></div>
			<a href="">新浪微博</a>
			<a href="">腾讯微博</a>
			<a href="">RSS</a>
			<a href="">邮箱</a>
			<img src="http://124.222.209.246:8430/txb/imgs/t.jpg">
		</div>
	</div>
	<div class="mian clearFix">
		<div class="mian-left f1 clearFix">
			<div class="mian-left1 clearFix">
				<h2 class="f1">文章推荐</h2>
				<ul type="none">
					<li><a href="">栏目标题1</a></li>
					<li><a href="">栏目标题2</a></li>
					<li><a href="">栏目标题3</a></li>
				</ul>
			</div>
			<div class="mian-left-a clearFix">
				<div class="f1 clearFix">
					<a href=""><img src="../image/兔小白图片/01.jpg"></a>
				</div>
				<div class="mian-left-a-text f1 clearFix">
					<h3>
						<a href="">住在手机里的朋友</a>
					</h3>
					<p class="pd">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
					<p>
						<span class="left-a-text-span1 f1">
							<img src="../image/兔小白图片/newsbg01.png">
							<a href="">个人博客</a>
							<img src="../image/兔小白图片/newsbg02.png">
							<span>2014-02-19</span>
						</span>
						<span class="left-a-text-span2 mar-r fr">
							<img src="../image/兔小白图片/newsbg03.png">
							"评论"
							<a href="">(30)</a>
							<img src="../image/兔小白图片/newsbg04.png">
							"浏览"
							<a href="">(459)</a>
						</span>
					</p>
				</div>
			</div>
			<div class="mian-left-a clearFix">
				<div class="f1 clearFix">
					<a href=""><img src="../image/兔小白图片/02.jpg"></a>
				</div>
				<div class="mian-left-a-text f1 clearFix">
					<h3>
						<a href="">住在手机里的朋友</a>
					</h3>
					<p class="pd">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
					<p>
						<span class="left-a-text-span1 f1">
							<img src="../image/兔小白图片/newsbg01.png">
							<a href="">个人博客</a>
							<img src="../image/兔小白图片/newsbg02.png">
							<span>2014-02-19</span>
						</span>
						<span class="left-a-text-span2 mar-r fr">
							<img src="../image/兔小白图片/newsbg03.png">
							"评论"
							<a href="">(30)</a>
							<img src="../image/兔小白图片/newsbg04.png">
							"浏览"
							<a href="">(459)</a>
						</span>
					</p>
				</div>
			</div>
			<div class="mian-left-a clearFix">
				<div class="f1 clearFix">
					<a href=""><img src="../image/兔小白图片/03.jpg"></a>
				</div>
				<div class="mian-left-a-text f1 clearFix">
					<h3>
						<a href="">住在手机里的朋友</a>
					</h3>
					<p class="pd">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
					<p>
						<span class="left-a-text-span1 f1">
							<img src="../image/兔小白图片/newsbg01.png">
							<a href="">个人博客</a>
							<img src="../image/兔小白图片/newsbg02.png">
							<span>2014-02-19</span>
						</span>
						<span class="left-a-text-span2 mar-r fr">
							<img src="../image/兔小白图片/newsbg03.png">
							"评论"
							<a href="">(30)</a>
							<img src="../image/兔小白图片/newsbg04.png">
							"浏览"
							<a href="">(459)</a>
						</span>
					</p>
				</div>
			</div>
			<div class="mian-left-a clearFix">
				<div class="f1 clearFix">
					<a href=""><img src="../image/兔小白图片/04.jpg"></a>
				</div>
				<div class="mian-left-a-text f1 clearFix">
					<h3>
						<a href="">住在手机里的朋友</a>
					</h3>
					<p class="pd">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
					<p>
						<span class="left-a-text-span1 f1">
							<img src="../image/兔小白图片/newsbg01.png">
							<a href="">个人博客</a>
							<img src="../image/兔小白图片/newsbg02.png">
							<span>2014-02-19</span>
						</span>
						<span class="left-a-text-span2 mar-r fr">
							<img src="../image/兔小白图片/newsbg03.png">
							"评论"
							<a href="">(30)</a>
							<img src="../image/兔小白图片/newsbg04.png">
							"浏览"
							<a href="">(459)</a>
						</span>
					</p>
				</div>
			</div>
			<div class="mian-left-a clearFix">
				<div class="f1 clearFix">
					<a href=""><img src="../image/兔小白图片/05.jpg"></a>
				</div>
				<div class="mian-left-a-text f1 clearFix">
					<h3>
						<a href="">住在手机里的朋友</a>
					</h3>
					<p class="pd">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
					<p>
						<span class="left-a-text-span1 f1">
							<img src="../image/兔小白图片/newsbg01.png">
							<a href="">个人博客</a>
							<img src="../image/兔小白图片/newsbg02.png">
							<span>2014-02-19</span>
						</span>
						<span class="left-a-text-span2 mar-r fr">
							<img src="../image/兔小白图片/newsbg03.png">
							"评论"
							<a href="">(30)</a>
							<img src="../image/兔小白图片/newsbg04.png">
							"浏览"
							<a href="">(459)</a>
						</span>
					</p>
				</div>
			</div>
			<div class="mian-left-a clearFix">
				<div class="f1 clearFix">
					<a href=""><img src="../image/兔小白图片/06.jpg"></a>
				</div>
				<div class="mian-left-a-text f1 clearFix">
					<h3>
						<a href="">住在手机里的朋友</a>
					</h3>
					<p class="pd">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
					<p>
						<span class="left-a-text-span1 f1">
							<img src="../image/兔小白图片/newsbg01.png">
							<a href="">个人博客</a>
							<img src="../image/兔小白图片/newsbg02.png">
							<span>2014-02-19</span>
						</span>
						<span class="left-a-text-span2 mar-r fr">
							<img src="../image/兔小白图片/newsbg03.png">
							"评论"
							<a href="">(30)</a>
							<img src="../image/兔小白图片/newsbg04.png">
							"浏览"
							<a href="">(459)</a>
						</span>
					</p>
				</div>
			</div>
			<div class="mian-left-a clearFix">
				<div class="f1 clearFix">
					<a href=""><img src="../image/兔小白图片/01.jpg"></a>
				</div>
				<div class="mian-left-a-text f1 clearFix">
					<h3>
						<a href="">住在手机里的朋友</a>
					</h3>
					<p class="pd">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
					<p>
						<span class="left-a-text-span1 f1">
							<img src="../image/兔小白图片/newsbg01.png">
							<a href="">个人博客</a>
							<img src="../image/兔小白图片/newsbg02.png">
							<span>2014-02-19</span>
						</span>
						<span class="left-a-text-span2 mar-r fr">
							<img src="../image/兔小白图片/newsbg03.png">
							"评论"
							<a href="">(30)</a>
							<img src="../image/兔小白图片/newsbg04.png">
							"浏览"
							<a href="">(459)</a>
						</span>
					</p>
				</div>
			</div>
		</div>
		<div class="mian-right fr clearFix">
			<div class="tab f1 clearFix">
				<div class="tab-head f1">
					<div>点击排行</div>
					<div>最新文章</div>
					<div>站长推荐</div>
				</div>
				<div class="tab-content f1">
					<ul type="none">
						<li>
							<span class="ico">1</span>
							<a href="">住在手机里的朋友</a>
						</li>
						<li>
							<span class="ico1">2</span>
							<a href="">教你怎样用欠费手机拨打电话</a>
						</li>
						<li>
							<span class="ico2">3</span>
							<a href="">原来以为，一个人的勇敢是，删掉…</a>
						</li>
						<li>
							<span class="ico3">4</span>
							<a href="">手机的 16 个惊人小秘密 99.999%…</a>
						</li>
						<li>
							<span class="ico3">5</span>
							<a href="">你面对的是生活而不是手机</a>
						</li>
						<li>
							<span class="ico3">6</span>
							<a href="">豪雅手机正式发布！法国手工打造的奢</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="cloud cloud-a f1 clearFix">
				<h3 class="bt margin">标签云</h3>
				<div class="cloud1 mar-t">
					<ul type="none">
						<li>
							<a href="">个人博客</a>
						</li>
						<li>
							<a href="">web 开发</a>
						</li>
						<li>
							<a href="">前端设计</a>
						</li>
						<li>
							<a href="">Html</a>
						</li>
						<li>
							<a href="">CSS3</a>
						</li>
						<li>
							<a href="">Html5+css3</a>
						</li>
						<li>
							<a href="">百度</a>
						</li>
						<li>
							<a href="">Javascript</a>
						</li>
						<li>
							<a href="">web 开发</a>
						</li>
						<li>
							<a href="">前端设计</a>
						</li>
						<li>
							<a href="">Html</a>
						</li>
						<li>
							<a href="">CSS3</a>
						</li>
						<li>
							<a href="">Html5+css3</a>
						</li>
						<li>
							<a href="">百度</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="cloud cloud-b f1 clearFix">
				<h3 class="bt margin">图文推荐</h3>
				<div class="cloud2 mar-t">
					<ul type="none">
						<li>
							<div class="f1">
								<a href="">
									<img src="../image/兔小白图片/01.jpg">
								</a>
							</div>
							<p class="f1">
								<a href="">住在手机里的朋友</a>
								<br>
								<span>
									<img src="../image/兔小白图片/lanmbq.png">
									<a href="" class="c-a">手机配件</a>
									<img src="../image/兔小白图片/datepng.png">
									"2015-02-15"
								</span>
							</p>
						</li>
						<li>
							<div class="f1">
								<a href="">
									<img src="../image/兔小白图片/02.jpg">
								</a>
							</div>
							<p class="f1">
								<a href="">住在手机里的朋友</a>
								<br>
								<span>
									<img src="../image/兔小白图片/lanmbq.png">
									<a href="" class="c-a">手机配件</a>
									<img src="../image/兔小白图片/datepng.png">
									"2015-02-15"
								</span>
							</p>
						</li>
						<li>
							<div class="f1">
								<a href="">
									<img src="../image/兔小白图片/03.jpg">
								</a>
							</div>
							<p class="f1">
								<a href="">住在手机里的朋友</a>
								<br>
								<span>
									<img src="../image/兔小白图片/lanmbq.png">
									<a href="" class="c-a">手机配件</a>
									<img src="../image/兔小白图片/datepng.png">
									"2015-02-15"
								</span>
							</p>
						</li>
						<li>
							<div class="f1">
								<a href="">
									<img src="../image/兔小白图片/04.jpg">
								</a>
							</div>
							<p class="f1">
								<a href="">住在手机里的朋友</a>
								<br>
								<span>
									<img src="../image/兔小白图片/lanmbq.png">
									<a href="" class="c-a">手机配件</a>
									<img src="../image/兔小白图片/datepng.png">
									"2015-02-15"
								</span>
							</p>
						</li>
						<li>
							<div class="f1">
								<a href="">
									<img src="../image/兔小白图片/05.jpg">
								</a>
							</div>
							<p class="f1">
								<a href="">住在手机里的朋友</a>
								<br>
								<span>
									<img src="../image/兔小白图片/lanmbq.png">
									<a href="" class="c-a">手机配件</a>
									<img src="../image/兔小白图片/datepng.png">
									"2015-02-15"
								</span>
							</p>
						</li>
					</ul>
				</div>
			</div>
			<div class="cloud f1 clearFix">
				<img id="tu" src="../image/兔小白图片/03.jpg">
			</div>
			<div class="cloud f1 fd clearFix">
				<h3 class="bt margin">
					友情链接
					<a href="">[申请友情链接]</a>
				</h3>
				<div class="lianjie">
					<ul class="clearFix" type="none">
						<li>
							<a href="">同福个人博客</a>
						</li>
						<li>
							<a href="">同福个人博客</a>
						</li>
						<li>
							<a href="">同福个人博客</a>
						</li>
						<li>
							<a href="">同福个人博客</a>
						</li>
						<li>
							<a href="">同福个人博客</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<footer>粤ICP备15005752号</footer>
</body>
</html>